<template>
  <div class="m-view-masterMenu m-window">
    <div class="m-module" v-for="(item, index) in menu" :key="index">
      <div class="m-title">{{ item.title }}</div>
      <ul>
        <li
          v-for="(list, serial) in item.list"
          :key="serial"
          @click="addTab(list)"
          :class="{ 'm-completed': list.completed }"
        >
          <i :class="'iconfont icon-' + list.name"></i>
          <span>{{ list.cName }}</span>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
// import _APIS from "@/api";
// import constant from "@/public/constant";
import utils from "@/public/utils";
import authorize from "@/public/authorize";

export default {
  data() {
    return {
      menu: [
        {
          title: "基础数据",
          list: [
            // {
            //   cName: "供应商管理",
            //   name: "supplierManager",
            //   completed: true,
            // },
            // {
            //   cName: "公司管理",
            //   name: "companyInfo",
            //   completed: true,
            // },
            // {
            //   cName: "物料防伪配置",
            //   name: "materialAntiCounterfeition",
            //   completed: true,
            // },
            // {
            //   cName: "计划物料配置",
            //   name: "planMaterialSetting",
            //   completed: true,
            // },
            // {
            //   cName: "业务类型配置",
            //   name: "busType",
            //   completed: true,
            // },
            // {
            //   cName: "推送配置",
            //   name: "notifySetting",
            //   completed: true,
            // },
            // {
            //   cName: "上线配置",
            //   name: "onlineSetting",
            //   completed: true,
            // },
            // {
            //   cName: "枚举管理",
            //   name: "enumManager",
            //   completed: true,
            // },
            // {
            //   cName: "物料组管理",
            //   name: "matgroupManager",
            //   completed: true,
            // },
            // {
            //   cName: "担保人管理",
            //   name: "guarantorManager",
            //   completed: true,
            // },
            // {
            //   cName: "采购员管理",
            //   name: "purchaserManager",
            //   completed: true,
            // },
            // {
            //   cName: "测试模板",
            //   name: "testModule",
            //   completed: true,
            // },
            // {
            //   cName: "区域管理",
            //   name: "areaManager",
            //   completed: true,
            // },
            // // {
            // //   cName: "时段管理",
            // //   name: "intervalManager",
            // //   completed: true
            // // },
            // {
            //   cName: "供应商计划设置",
            //   name: "supplierPlanSetting",
            //   completed: true,
            // },
            // {
            //   cName: "测试模板2",
            //   name: "lessoCommonTestModule",
            //   completed: true,
            // },
            // {
            //   cName: "第三方管理",
            //   name: "transportManager",
            //   completed: true,
            // },
          ],
        },
      ],
    };
  },
  props: {
    addTab: {
      type: Function,
    },
  },
  methods: {
    getMenuDetails() {
      //   var menuId = utils.getMenuId("menuId"); // 菜单ID
      //   var activeMenu = [];
      //   activeMenu = authorize.getMenuAuth(this.menu[0].list, menuId);
      //   this.menu[0].list = null;
      //   this.menu[0].list = activeMenu;
      let parentId = utils.getMenuId("menuId");
      console.log(`pid: ${parentId}`);
      this.menu[0].list = [];
      authorize.getMenuAuth(parentId).then((res) => {
        if (Array.isArray(res) && res.length > 0) {
          res.forEach((item) => {
            this.menu[0].list.push({
              cName: item.name,
              name: item.code,
              completed: true,
            });
          });
        }
       
      });
    },
  },
  components: {},
  beforeMount() {
    this.getMenuDetails();
  },
};
</script>
